<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Design Studio </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function(){	
	$("#slider").easySlider({
		controlsBefore:	'<p id="controls">',
		controlsAfter:	'</p>',
		auto: true, 
		continuous: true
	});	
});
// ]]>
</script>
<style type="text/css">
.gallery { width:823px; height:250px; margin:0 auto; }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:823px; height:250px; overflow:hidden; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:29px; height:29px; position:absolute; left:-41px; top:-140px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:29px; height:29px; position:absolute; left: 836px; top:-140px; }
#prevBtn a { display:block; width:29px; height:29px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:29px; height:29px; background:url(images/r_arrow.gif) no-repeat 0 0; }
</style>
</head>
<body>
<div class="main">
  <div class="header">
    <div class="logo"><a href="."><img src="images/logo.jpg" width="925" height="138" border="0" alt="Design Studio by Makavelli" /></a></div>
    <div class="clr"></div>
  </div>
  <div class="main_bg">
    <div class="menu">
      <ul>
        <li><a href="/" class="active"><span></span></a></li>
        <li><a href="/"><span></span></a></li>
        <li><a href="/"><span></span></a></li>
        <li><a href="/"><span></span></a></li>
      </ul>
      <div class="clr"></div>
    </div>
    <div class="header_text">
      <div class="gallery">
        <div id="slider">
          <ul>
            <li>
              <div class="div"><img src="images/rab1.jpg" alt="  1" width="451" height="225" border="0" class="screen"  />
                <div class="left1">
                  <h2>   </h2>
                  <p>    php.spb,  Hip-Chat.<br>  : 7 $</p>
                  </div>
              </div>
            </li>
            <li>
              <div class="div"><img src="images/rab1.jpg" alt="  1" width="451" height="225" border="0" class="screen"  />
                <div class="left1">
                  <h2>   </h2>
                  <p>    php.spb,  Hip-Chat.<br>  : 7 $</p>
                  </div>
              </div>
            </li>
            <li>
              <div class="div"><img src="images/rab1.jpg" alt="  1" width="451" height="225" border="0" class="screen"  />
                <div class="left1">
                  <h2>   </h2>
                  <p>    php.spb,  Hip-Chat.<br>  : 7 $</p>
                  </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="clr"></div>
    </div>
    <div class="clr"></div>
    <div class="body">
     <div class="left_top">
       <center> <h2> </h2> 
 <div class="left">
     <div class="blogga"> <img src="images/img_1.jpg" alt="picture" width="65" height="65" />
            <p><span>Web Design </span></p>
            <p><strong> </strong>    -- - </p>
            <a href="#"><img src="images/order.gif" alt="picture" width="111" height="34" border="0" /></a> </div>
          <div class="blogga"> <img src="images/img_2.jpg" alt="picture" width="65" height="65" />
            <p><span>XHTML </span></p>
            <p><strong>-- </strong>      --</p>
            <a href="#"><img src="images/order.gif" alt="picture" width="111" height="34" border="0" /></a> </div>
          <div class="clr"></div>
          <div class="blogga"> <img src="images/img_3.jpg" alt="picture" width="65" height="65" />
            <p><span>Seo </span></p>
            <p><strong> </strong>     --- </p>
            <a href="#"><img src="images/order.gif" alt="picture" width="111" height="34" border="0" /></a> </div>
          <div class="blogga"> <img src="images/img_4.jpg" alt="picture" width="65" height="65" />
            <p><span>-</span></p>
            <p><strong> </strong>   ---  </p>
            <a href="#"><img src="images/order.gif" alt="picture" width="111" height="34" border="0" /></a> </div>
      <div class="clr"></div>
        </div>
         </div>
      
      <div class="clr"></div>
    </div>
  </div>
</div>
<div class="footer_resize">
  <div class="footer">
    <p>Copyright  Design Studio.  All Rights Reserved.<br />
      Design by Makavelli<br />
    </p>
    <div class="clr"></div>
  </div>
</div>
</body>
</html>